<?php
date_default_timezone_set('America/Bogota');
if ($this->session->userdata("rolId") == "1") {
    $columna = "['Fecha Publicación','Cargo','Perfil','Competencias','Causa Cierre','Empresa']";
    $width = "[180,300,300,300,300,300]";
} else {
    $columna = "['Fecha Publicación','Cargo','Perfil','Competencias','Causa Cierre']";
    $width = "[180,300,300,300,300]";
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#fecIniCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFinCrea").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecIniCierre").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFinCierre").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/reporteOfertaLab/"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['OFERTAS','TOTAL'],
                    colModel :[
                        {name:'ofertaLaboralEstado',index:'ofertaLaboralEstado', width:130,editable:false},
                        {name:'total',index:'total', width:80,editable:true,align:"right"}
                    ],
                    autowidth: true,
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'ofertaLaboralEstado',
                    sortorder: "asc",
                    viewrecords: true,
                    postData: {
                        estado: function() { return $("#estado").val(); },
                        fecIniCrea: function() { return $("#fecIniCrea").val(); },
                        fecFinCrea: function() { return $("#fecFinCrea").val(); },
                        fecIniCierre: function() { return $("#fecIniCierre").val(); },
                        fecFinCierre: function() { return $("#fecFinCierre").val(); },
                        cargo: function() { return $("#cargo").val(); },
                        competencia: function() { return $("#competencia").val(); },
                        perfil: function() { return $("#perfil").val(); },
                        descri: function() { return $("#descri").val(); },
                        desde: function() { return $("#desde").val(); },
                        empresa: function() { return $("#empresas").val(); },
                        hasta: function() { return $("#hasta").val(); }
                    },
                    subGrid : true,
                    subGridUrl: '<?php echo site_url("subgrilla/reporteOfertaLab/"); ?>',
                    subGridModel: [{ name : <?php echo $columna; ?>, width : <?php echo $width; ?>} ] ,
                    caption: 'OFERTAS LABORALES',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#estado").change(function(){
                    var valor = $(this).val();
                    $("#divFecCrea").css("display", "none");
                    $("#divFecCierre").css("display", "none");
                    if(valor != ""){
                        if(valor == "A")
                            $("#divFecCrea").css("display", "block");
                        if(valor == "C")
                            $("#divFecCierre").css("display", "block");
                    }
                    return;
                });
                $("#btnGuardar").click(function(){
                    jQuery("#list").jqGrid('setGridParam',{url: "<?php echo site_url("grilla/reporteOfertaLab/"); ?>"}).trigger('reloadGrid');
                    $("#divBusAvanzada").css("display", "block");
                });
<?php $this->load->view('enReady'); ?>
                    }); //fin document
        </script>
    </head>
    <body>
        <form id="formExperiencia" action="<?php echo site_url("reporteEmpresa/ofertLab/"); ?>" method="post" >
            <div class="divTitulo">REPORTE DE OFERTAS LABORALES</div>
            <div style="float: left;width: 20%"><label for="estado">Estado</label><select id="estado" name="estado" title="Elija el estado que desea filtrar" >
                    <option value="">Todos</option>
                    <option value="A" >Abierta</option>
                    <option value="C" >Cerrada</option>
                </select>
            </div><?php if ($this->session->userdata("rolId") != "1") { ?> <br/><br/> <?php } ?>
            <div style="width: 80%;position: static">
                <?php if ($this->session->userdata("rolId") == "1") { ?>
                    <label for="empresas">Empresa</label>
                    <select id="empresas" name="empresas" title="Filtre por una empresa en especifico">
                        <option value="">Todas</option>
                        <?php
                        foreach ($empresas->result() as $row)
                            echo "<option value='{$row->empresaId}'>{$row->empresaRazon}</option>";
                        ?>
                    </select>
<?php } ?>                
            </div>
            <div id="divFecCrea" style="display: none;">
                <fieldset >
                    <legend>Fechas de Creación</legend>
                    <label for="fecIniCrea">Fecha de Creación Inicial</label><input type="text" id="fecIniCrea" name="fecIniCrea" title="Fecha inicial de crecación de la oferta" size="9" />
                    <label for="fecFinCrea">Fecha de Creación Final</label><input type="text" id="fecFinCrea" name="fecFinCrea" title="Fecha final de crecación de la oferta" size="9" />
                </fieldset>
            </div>
            <div id="divFecCierre" style="display: none">
                <fieldset >
                    <legend>Fechas de Cierre</legend>
                    <label for="fecIniCierre">Fecha Inicial</label><input type="text" id="fecIniCierre" name="fecIniCierre" title="Fecha inicial de la consulta" size="9" />
                    <label for="fecFinCierre">Fecha Final</label><input type="text" id="fecFinCierre" name="fecFinCierre" title="Fecha final de la consulta" size="9" />
                </fieldset>
            </div>
            <table>
                <tr>
                    <td><label for="cargo">Cargo</label></td>
                    <td><input type="text" id="cargo" name="cargo" title="Digite el cargo especifico que desea consultar"  /> </td>
                    <td><label for="competencia">Competencias</label></td>
                    <td><input type="text" id="competencia" name="competencia" title="Digite parte o la competencia completa que desea filtrar"  /> </td>
                </tr>
                <tr>
                    <td><label for="perfil">Perfil</label></td>
                    <td><input type="text" id="perfil" name="perfil" title="Digite parte o el perfil completo para el filtro"  /> </td>
                    <td><label for="descri">Descripción</label></td>
                    <td><input type="text" id="descri" name="descri" title="Digite parte o completa la descripcion para el filtro"  /> </td>
                </tr>
                <tr align="center">
                    <td colspan="4">
                        <fieldset>
                            <legend>Rango Salarial</legend>
                            <table>
                                <tr>
                                    <td><label for="desde">Desde</label></td>
                                    <td><input type="text" id="desde" name="desde" title="Ingrese la base minima del salario que desea filtrar"  size="9" style="text-align: right"  /> </td>
                                    <td><label for="hasta">Hasta</label></td>
                                    <td><input type="text" id="hasta" name="hasta" title="Ingrese el tope maximo salarial que desea filtrar"  size="9" style="text-align: right" /> </td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Consultar" id="btnGuardar" />
                        <input type="button" value="Limpiar" onclick="return fnReset();" />
                    </td>
                </tr>
            </table>
        </form>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
